html, body{
	padding: 0px;
	margin: 0px;
}
.div{
	height: auto;
	background-color: rgba(90, 70, 40, 0.781);
}
header{
	background: url("images/ba4.png") no-repeat center center;
	background-size: cover;
  text-align: center;
}

.header{
	display: flex;
text-align: right;
}


.quote{
	display: flex;
	align-items: center;
	padding-left: 20px;
}

.quote:hover{
	color: red;
	text-shadow: 0px 2px 3px lawngreen;
}

.Heading{
	font-size: xxx-large;
	width: 600px;
	padding-top:0px;
	text-align: center;
	padding-left:0px;
	color:white;
	font-weight: bolder;
	font-size-adjust: 0.8;
	margin-left: 420px;
}
.Heading:hover{
	color: red;
	text-shadow: 0px 3px 4px lawngreen;
}

.gallery{
	font-size: xx-large;
	background-color: rgba(129, 121, 105, 0.785);
	height: 40px;
	color:black;
	text-align: center;
	padding-top: 10px;
	font-weight: bolder;
}

.body img{
	border: 2px solid	black;
}
.body{
	padding-left: 3px;
}

.footer{
  	background-color:rgb(60, 52, 110);
  	color: white;
  	text-align: center;
  	height: 70px;
  	padding-top: 18px;
  	font-family: Arial;
  }

  .next{
  	display: flex;
  	text-align: center;
		margin-left: 680px;
  	margin-right:600px;
  	color: black;
  	font-size: larger;
  	font-weight: bolder;
  }

  .previous{
   	display: flex;
  	text-align: center;
		margin-left: 680px;
  	margin-right:600px;
  	color: black;
  	font-size: larger;
  	font-weight: bolder;
  }

  .back{
  	background-color: black; 
  }

  .front{
  	background-color: black; 
  }

  .back:hover, .front:hover{
  	background-color: lawngreen;
  	font-size: x-large;
  	
  }


  button{
  	color: rgb(218, 137, 15);
  	background-color: black;
  	width: 65px;
  	height: 30px;
  }
  button:hover{
  	background-color: lawngreen;
  	color: red;
  	height: 35px;
  	width: 80px;
  	font-size: larger;
  }